<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>百度地图</title>
		<!--引入地图包，地图包网址的ak属性是你在百度地图开放平台上申请的秘钥-->  
    		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YcSy7umB1rPATBGgDcuWPQpv8HKTHf0P"></script>
    		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    		<style type="text/css">
    			#allmap {width:800px;height: 400px;overflow: hidden;margin:0 auto;font-family:"微软雅黑";}
    		</style>
	</head>
	<body>
		<div id="allmap"></div>
		
		<script>
			var map = new BMap.Map("allmap");//创建百度地图实例，这里的allmap是地图容器的id  
//			var point = new BMap.Point(113.721713, 34.774855);//创建一个点对象，这里的参数是地图上的经纬度
//			map.centerAndZoom(point, 15);//这里是将地图的中心移动到我们刚才创建的点；这里的12是地图的缩放界别；数值越大，地图看的越细  
			map.centerAndZoom(new BMap.Point(116.258199, 39.977783), 15);  // 初始化地图,设置中心点坐标和地图级别
//			var navigationControl = new BMap.NavigationControl();//创建平移缩放控件
//			map.addControl(navigationControl);//添加到地图
			map.addControl(new BMap.NavigationControl());//添加到地图
			map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
			map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
			map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放  
			map.addControl(new BMap.OverviewMapControl());////创建缩略图控件，注意这个控件默认是在地图右下角，并且是缩着的  添加到地图
//			map.addControl(new BMap.ScaleControl());//添加比例尺
		
			//自定义位置添加比例尺
			var x = 260;  //距离右边界300px;
			var y = 20;  //距离下边界80px;
			var opts = {anchor: BMAP_ANCHOR_BOTTOM_RIGHT, offset: new BMap.Size(x, y)}; 
			map.addControl(new BMap.ScaleControl(opts));//添加到地图  
		</script>
	</body>
</html>
